home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Forms Misc / first-form-field.izs < prev    next >
Text File  |  2005-09-28  |  3KB  |  114 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>First Form Field
  4. <!/TITLE>
  5.  
  6. <!DESCRIPTION>This script places the cursor in the first field of a form when the page loads and when the form is reset or cleared. The script works with input types: text, textarea, radio, checkbox, password and Select drop-down boxes.<!/DESCRIPTION> 
  7.  
  8. <!CATEGORY>Forms<!/CATEGORY>
  9.  
  10. <!SCRIPT>
  11. <!-- START OF SCRIPT -->
  12.  
  13.  
  14. <!-- HOW TO INSTALL FIRST FORM FIELD:
  15.  
  16.   1.  Copy code into the HEAD section of document
  17.   2.  Add the onLoad event handler into the BODY tag
  18.   3.  Put last coding into the BODY section of document  -->
  19.  
  20. <!-- STEP ONE: Add code into HEAD section of document  -->
  21.  
  22. <HEAD>
  23.  
  24. <SCRIPT LANGUAGE="JavaScript">
  25. <!-- Original:  Wayne Nolting (wayne@dtg.net) -->
  26.  
  27.  
  28.  
  29. <!-- Begin
  30. function toForm() {
  31. document.form.field1.focus();
  32. // Replace field1 in the script with the field name of which you want to place the focus.
  33. }
  34. //  End -->
  35. </script>
  36.  
  37. </HEAD>
  38.  
  39. <!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
  40.  
  41. <BODY onLoad="toForm()">
  42.  
  43. <!-- STEP THREE: Copy code into BODY section of document  -->
  44.  
  45. <FORM  NAME="form" METHOD="POST" ACTION="#">
  46. <SELECT NAME="field1" SIZE="1">
  47. <OPTION VALUE="one">Field 1
  48. <OPTION VALUE="two">also field1
  49. </SELECT>
  50. <BR>
  51. <INPUT TYPE="TEXT" NAME="field2" SIZE="10"> Field 2<BR>
  52. <INPUT TYPE="TEXT" NAME="field3" SIZE="10"> Field 3<BR>
  53. <BR>
  54. <INPUT TYPE="SUBMIT" NAME="submit" VALUE="Submit">  
  55. <INPUT TYPE="RESET" onclick="toForm();">
  56. </FORM>
  57.  
  58. >
  59. <!-- END OF SCRIPT -->
  60. <!/SCRIPT>
  61.  
  62. <!PREVIEW>
  63. <!-- START OF SCRIPT -->
  64.  
  65.  
  66. <!-- HOW TO INSTALL FIRST FORM FIELD:
  67.  
  68.   1.  Copy code into the HEAD section of document
  69.   2.  Add the onLoad event handler into the BODY tag
  70.   3.  Put last coding into the BODY section of document  -->
  71.  
  72. <!-- STEP ONE: Add code into HEAD section of document  -->
  73.  
  74. <HEAD>
  75.  
  76. <SCRIPT LANGUAGE="JavaScript">
  77. <!-- Original:  Wayne Nolting (wayne@dtg.net) -->
  78.  
  79.  
  80.  
  81. <!-- Begin
  82. function toForm() {
  83. document.form.field1.focus();
  84. // Replace field1 in the script with the field name of which you want to place the focus.
  85. }
  86. //  End -->
  87. </script>
  88.  
  89. </HEAD>
  90.  
  91. <!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
  92.  
  93. <BODY onLoad="toForm()">
  94.  
  95. <!-- STEP THREE: Copy code into BODY section of document  -->
  96.  
  97. <FORM  NAME="form" METHOD="POST" ACTION="#">
  98. <SELECT NAME="field1" SIZE="1">
  99. <OPTION VALUE="one">Field 1
  100. <OPTION VALUE="two">also field1
  101. </SELECT>
  102. <BR>
  103. <INPUT TYPE="TEXT" NAME="field2" SIZE="10"> Field 2<BR>
  104. <INPUT TYPE="TEXT" NAME="field3" SIZE="10"> Field 3<BR>
  105. <BR>
  106. <INPUT TYPE="SUBMIT" NAME="submit" VALUE="Submit">  
  107. <INPUT TYPE="RESET" onclick="toForm();">
  108. </FORM>
  109.  
  110. <!-- END OF SCRIPT -->
  111. <!/PREVIEW>
  112.  
  113. <!RELATED>NONE<!/RELATED>
  114.